<!-- iframe配置 -->
<template>
    <div>
        <el-form-item label="装饰类型">
            <avue-select
                v-model="main.activeOption.type"
                :dic="dic"
                :disabled="disabled"
            >
            </avue-select>
        </el-form-item>
        <el-form-item label="主颜色">
            <avue-input-color
                v-model="main.activeOption.color1"
                :disabled="disabled"
            >
            </avue-input-color>
        </el-form-item>
        <el-form-item label="副颜色">
            <avue-input-color
                v-model="main.activeOption.color2"
                :disabled="disabled"
            >
            </avue-input-color>
        </el-form-item>
        <el-form-item label="动画时长">
            <avue-input-number
                :disabled="disabled"
                v-model="main.activeOption.dur"
            >
            </avue-input-number>
        </el-form-item>
    </div>
</template>

<script>
export default {
    name: "decoration",
    inject: ["main", "contain"],
    computed: {
        dic() {
            let result = new Array(12).fill("");
            return result.map((ele, index) => {
                index = index + 1;
                return {
                    label: "装饰" + index,
                    value: index
                };
            });
        }
    },
    data() {
        return {
            disabled: this.contain.activeObj.isLock
        };
    }
};
</script>

<style></style>
